<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>noheader</title>
		<script type="text/javascript" src="../../uni_webview.js"></script>
		<link rel="stylesheet" href="../css/vant.css">
		<script src="../js/vue.min.js"></script>
		<!-- https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart -->
		<script src="../js/vant.min.js"></script>

		<style>
			.common-header {
				line-height: 45px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 25px;
				font-size: 20px;
			}
		</style>
	</head>
	<body>

		<div id="app">
			<div class="common-header" @click="goback">
				<div class="">
					<van-icon name="arrow-left" size="32" ></van-icon>
				</div>
				<div class="title">H5自定义顶部栏</div>
				<div></div>
				
			</div>
			<div>
				body123
			</div>
		</div>

		<script>
			var vm = new Vue({
				el: '#app',
				data() {
					return {}
				},
				methods: {
					goback() {
						uni.postMessage({
							data: {
								action: 'closeWebView'
							}
						});
					}
				}
			})
			
			//通过 CDN 引入时不会自动注册 Lazyload 组件
			// 可以通过下面的方式手动注册
			Vue.use(vant.Lazyload);
		</script>

	</body>
</html>